<p style="padding: 5px;"></p>
<nz-card>
  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">
      <!-- <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <nz-range-picker placeholder="选择日期" name="cdate" [nzFormat]="'yyyy-MM-dd'" 
            [(ngModel)]="q.fxjOut08"(ngModelChange)="dateChange($event)"></nz-range-picker>
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入供应商" [(ngModel)]="q.fxjOut01" name="fxjOut01">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入所属区域" [(ngModel)]="q.fxjOut02" name="fxjOut02">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入车型" [(ngModel)]="q.fxjOut03" name="fxjOut03">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="销售方式" [(ngModel)]="q.fxjOut48" name="fxjOut48">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="业务人员" [(ngModel)]="q.fxjOut49" name="fxjOut49">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="3" nzSm="24">
          <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="reloadBi()">{{'search' | translate}}</button>
      </nz-col>
    </nz-row>
  </form>
</nz-card>

<!-- <div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="{{obj.fxjx3}}:{{obj.fxjx2}}" total="{{obj.fxjx16}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjx3}}:{{obj.fxjx2}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div> -->
  <!-- <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'公司(家)' | translate" total="{{home.fxjOut11}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'公司(家)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'放款金额(元)' | translate" total="{{home.fxjOut12}}" contentHeight="46px" [action]="action2">
      <ng-template #action2>
        <nz-tooltip [nzTitle]="'放款金额(元)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'逾期金额(元)' | translate" total="{{home.fxjOut13}}" contentHeight="46px" [action]="action3">
      <ng-template #action3>
        <nz-tooltip [nzTitle]="'逾期金额(元)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'已完成(笔)' | translate" total="{{home.fxjOut14}}" contentHeight="46px" [action]="action4">
      <ng-template #action4>
        <nz-tooltip [nzTitle]="'已完成(笔)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'保险金额(元)' | translate" total="{{home.fxjOut15}}" contentHeight="46px" [action]="action5">
      <ng-template #action5>
        <nz-tooltip [nzTitle]="'保险金额(元)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'GPS费用(元)' | translate" total="{{home.fxjOut16}}" contentHeight="46px" [action]="action6">
      <ng-template #action6>
        <nz-tooltip [nzTitle]="'GPS费用(元)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'利润(元)' | translate" total="{{home.fxjOut17}}" contentHeight="46px" [action]="action7">
      <ng-template #action7>
        <nz-tooltip [nzTitle]="'利润(元)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'资金成本(元)' | translate" total="{{home.fxjOut18}}" contentHeight="46px" [action]="action8">
      <ng-template #action8>
        <nz-tooltip [nzTitle]="'资金成本(元)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8">
    <g2-card [title]="'佣金(元)' | translate" total="{{home.fxjOut19}}" contentHeight="46px" [action]="action9">
      <ng-template #action9>
        <nz-tooltip [nzTitle]="'佣金(元)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div> -->

<!-- </div> -->





<div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
    <simple-table #st
                  [columns]="columns"
                  [data]="urlpro"
                  [ps]="ps"
                  [extraParams]="q"
                  [resReName]="{ total: 'total', list: 'data'}"
                  [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                  toTopInChange
                  [showTotal]="true"
                  [showPagination]="true"
                  [showSizeChanger]="true"
                  [scroll]="{  x: '5000px' }"
    >
    </simple-table>
  </div>
</div>
